
  
  <div>
  <div id="mobile-menu">
			<div class="navbar-header">
				<div id="mobile-logo"><img src="<?php echo get_template_directory_uri()?>/images/vijeco-text.png" /></div>
			  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			  </button>          
			</div>
			<div class="collapse navbar-collapse mainmenubody">
			<div id="mainmenuleft">	</div>
			  <ul class="nav navbar-nav">
				<li class="active"><a href="#">Trang chủ</a></li>
				<li><a href="#about">Giới thiệu</a></li>
				<li><a href="javascript:;" onclick="$(this).next().slideToggle()">Dịch vụ</a>
					<ul id="submenu">
						<li>
							<a href="#">B.O.T</a>
						</li>
						<li>
							<a href="#">Ứng vốn thi công</a>
						</li>
						<li>
							<a href="#">Thi công công trình</a>
						</li>
						<li>
							<a href="#" >Vận hành và bảo trì</a>
						</li>
						
					</ul>
				</li>
				<li><a href="javascript:;" onclick="$(this).next().slideToggle()">Công trình</a>
					<ul id="submenu">
						<li>
							<a href="#">B.O.T</a>
						</li>
						<li>
							<a href="#">Ứng vốn thi công</a>
						</li>
						<li>
							<a href="#">Thi công công trình</a>
						</li>
						<li>
							<a href="#" >Vận hành và bảo trì</a>
						</li>
						
					</ul>
				</li>
				<li><a href="#contact">Tin tức</a></li>
				<li><a href="#about">Liên hệ</a></li>
				
				
			  </ul>
			  <div id="mainmenuright">	</div>
			</div><!--/.nav-collapse aaa-->
		</div>
	<div class="container"> 
		
		
		<div class="col-md-3 col-sm-4 mainmenu">
			<ul id="mainmenu-container">
				<li>
					<a class="mainmenu-item" href="#">Trang chủ</a>
				</li>
				<li>
					<a href="#" class="mainmenu-item">Giới thiệu</a>
				</li>
				<li>
					<a class="mainmenu-item"  href="javascript:;" onclick="$(this).next().slideToggle()">Dịch vụ</a>
					<ul id="submenu">
						<li>
							<a class="submenu-item" href="#" >B.O.T</a>
						</li>
						<li>
							<a class="submenu-item" href="#">Ứng vốn thi công</a>
						</li>
						<li>
							<a class="submenu-item" href="#">Thi công công trình</a>
						</li>
						<li>
							<a class="submenu-item" href="#" >Vận hành và bảo trì</a>
						</li>
						
					</ul>
				</li>
				<li>
					<a class="mainmenu-item" href="javascript:;" onclick="$(this).next().slideToggle()">Công trình</a>
					<ul id="submenu">
						<li>
							<a class="submenu-item" href="#" >B.O.T</a>
						</li>
						<li>
							<a class="submenu-item" href="#">Ứng vốn thi công</a>
						</li>
						<li>
							<a class="submenu-item" href="#">Thi công công trình</a>
						</li>
						<li>
							<a class="submenu-item" href="#" >Vận hành và bảo trì</a>
						</li>
						
					</ul>
				</li>
				<li>
					<a class="mainmenu-item" href="#">Tin tức</a>
				</li>
				<li>
					<a class="mainmenu-item" href="#">Liên hệ</a>
				</li>
			</ul>
		</div>
		<div class="col-md-9 col-sm-8">
			 <div class="row">
			  <div class="col-lg-4 col-md-6 col-sm-6 block">			
				<div class="imagetitle">
				  <a href="#"><img src="<?php echo get_template_directory_uri()?>/images/image1.jpg" class="img-responsive"/>	</a>
				</div>
				<div class="block-content">
					<div class="nav"></div><div class="bubble"></div>
					
					<div class="title"> <a href="#">B.O.T</a></div>
					<div class="description">Giới thiệu sơ lược về loại hình dịch vụ; bao gồm các điều khoản và mục đích ban đầu, các khoản chi phí, công tác triển khai và bảo trì, các đối tượng tham gia tiềm năng ...</div>
					
				</div>
			  </div>
			  <div class="col-lg-4 col-md-6 col-sm-6 block">			
				<div class="imagetitle">
				  <a href="#"><img src="<?php echo get_template_directory_uri()?>/images/image2.jpg" class="img-responsive"/>	</a>
				</div>
				<div class="block-content">
					<div class="nav"></div><div class="bubble"></div>
					
					<div class="title"> <a href="#">Ứng vốn thi công</a></div>
					<div class="description">Giới thiệu sơ lược về loại hình dịch vụ; bao gồm các điều khoản và mục đích ban đầu, các khoản chi phí, công tác triển khai và bảo trì, các đối tượng tham gia tiềm năng ...</div>
					
				</div>
			  </div>
			  <div class="col-lg-4 col-md-6 col-sm-6 block">			
				<div class="imagetitle">
				  <a href="#"><img src="<?php echo get_template_directory_uri()?>/images/image3.jpg" class="img-responsive"/>	</a>
				</div>
				<div class="block-content">
					<div class="bubble"></div>
					<div class="nav"></div>
					<div class="title"> <a href="#">Thi công công trình</a></div>
					<div class="description">Giới thiệu sơ lược về loại hình dịch vụ; bao gồm các điều khoản và mục đích ban đầu, các khoản chi phí, công tác triển khai và bảo trì, các đối tượng tham gia tiềm năng ...</div>
					
				</div>
			  </div>
			  <div class="col-lg-4 col-md-6 col-sm-6 block">			
				<div class="imagetitle">
				  <a href="#"><img src="<?php echo get_template_directory_uri()?>/images/image4.jpg" class="img-responsive"/>	</a>
				</div>
				<div class="block-content">
					<div class="bubble"></div>
					<div class="nav"></div>
					<div class="title"> <a href="#">Vận hành và bảo trì</a></div>
					<div class="description">Giới thiệu sơ lược về loại hình dịch vụ; bao gồm các điều khoản và mục đích ban đầu, các khoản chi phí, công tác triển khai và bảo trì, các đối tượng tham gia tiềm năng ...</div>
					
				</div>
			  </div>
			  <div class="col-lg-4 col-md-6 col-sm-6 block">			
				<div class="imagetitle">
				  <a href="#"><img src="<?php echo get_template_directory_uri()?>/images/image1.jpg" class="img-responsive"/>	</a>
				</div>
				<div class="block-content">
					<div class="bubble"></div>
					<div class="nav"></div>
					<div class="title"> <a href="#">Dịch vụ</a></div>
					<div class="description">Giới thiệu sơ lược về loại hình dịch vụ; bao gồm các điều khoản và mục đích ban đầu, các khoản chi phí, công tác triển khai và bảo trì, các đối tượng tham gia tiềm năng ...</div>
					
				</div>
			  </div>
			  <div class="col-lg-4 col-md-6 col-sm-6 block">			
				<div class="imagetitle">
				 <a href="#"><img src="<?php echo get_template_directory_uri()?>/images/image2.jpg" class="img-responsive"/></a>	
				</div>
				<div class="block-content">
					<div class="bubble"></div>
					<div class="nav"></div>
					<div class="title"><a href="#">Công trình</a></div>
					<div class="description">Giới thiệu sơ lược về loại hình dịch vụ; bao gồm các điều khoản và mục đích ban đầu, các khoản chi phí, công tác triển khai và bảo trì, các đối tượng tham gia tiềm năng ...</div>
					
				</div>
			  </div>
			</div>
		</div>
	</div>
  </div>
  
  <script language="javascript">
<!--
$(document).ready(function()
{
    $(".defaultText").focus(function(srcc)
    {
        if ($(this).val() == $(this)[0].title)
        {
            $(this).removeClass("defaultTextActive");
            $(this).val("");
        }
    });
    
    $(".defaultText").blur(function()
    {
        if ($(this).val() == "")
        {
            $(this).addClass("defaultTextActive");
            $(this).val($(this)[0].title);
        }
    });
    
    $(".defaultText").blur();  
	
    $('a.mainmenu-item').on('click', function(e) {	
  		$('a.mainmenu-item').removeClass('selected');
  		$(this).addClass('selected');
  		return false;
  	});   

    $('a.submenu-item').on('click', function(e) {	
  		$('a.submenu-item').removeClass('selected');
  		$(this).addClass('selected');
  		return false;
  	});     
});
//-->
</script>

 